<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>18_CSS3-新增盒子模型-box-shadow-案例练习</title>
        <style>
            img {
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                border: 1px solid #ccc;
            }

            img:hover {
                top: -1px;
                box-shadow: 0px 0px 10px #ccc;
            }
        </style>
    </head>
    <body>
        <img src="./img/phone.jpg" alt="">
    </body>
</html>